<template>
  <!-- 医院模糊查询弹窗列表 -->
  <div class="hospitalBox">
    <slot name="deleteIcon"></slot>
    <!-- <span class="deleteIcon">×</span> -->
    <slot name="spanBox"></slot>
    <!-- 使用方法：<span slot="spanBox" v-if="isNallData">无数据</span> -->
    <ul>
      <slot name="liList"></slot>
      <!-- 使用方法：<li
        slot="liList"
        @click.stop="selectedHospital(index)"
        v-for="(item,index) in hospitalList"
        :key="index"
      >{{item.dFullName}}</li> -->
    </ul>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.hospitalBox {
  width: 22.3rem;
  max-height: 40rem;
  background-color: #0f0f1f;
  z-index: 100;
  border: 0.1px solid #eeeeee;
  border-radius: 0.3rem;
  padding: 1rem;
  position: relative;
  .deleteIcon {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 50%;
    background: rgb(44, 44, 44);
    font-size: 2.4rem;
    text-align: center;
    line-height: 2.6rem;
    position: absolute;
    top: 1.1rem;
    right: -1.4rem;
  }
  ul {
    overflow: auto;
    li {
      width: 100%;
      height: 3rem;
      text-align: left;
      line-height: 3rem;
      font-size: 1.32rem;
      overflow: auto;
    }
    li:hover {
      background-color: #1a1a35;
      color: rgb(21, 255, 185);
    }
  }
}
</style>>